<template>
  <div class="m-header">
    <el-row type="flex" justify="flex-start">
        <el-col :span="12" class="logo-col">
            <div class="grid-content bg-purple">
                <router-link to="/login">
                    <img class="logo" src="./logo1.png" alt="" srcset="">
                </router-link>
            </div>
        </el-col>
        <el-col :span="12">
            <div class="grid-content bg-purple">
                <template v-if="this.$route.path !== '/company-register'">
                    <router-link to="/company-register" class="company-register">企业注册</router-link>
                </template>
                <template v-if="this.$route.path == '/company-register'">
                    <router-link to="/personal-register" class="company-register">个人注册</router-link>
                </template>
            </div>
        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'Header',
  data () {
    return {
      
    }
  },
}
</script>

<style lang="scss" scoped>
.m-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 98px;
    width: 527px;
    .el-row {
        height: 100%;
        .logo-col{
            padding: 26px 38px;
        }
    }
    .grid-content {
        height: 100%;
        text-align: left;
        .logo {
            width: 76px;
            height: 100%;
            vertical-align: middle;
        }
        .company-register{
            display: inline-block;
            margin-top: 47px;
            color: #666666;
            font-size: 10px;
        }
    }
}

</style>
